<link href="{$base_dir}css/autocomplete.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src='{$base_dir}js/jquery.autocomplete.lhv.js'></script>
<script type="text/javascript" src='{$base_dir}js/FormValidations.js'></script>
<script type="text/javascript" src="{$base_dir}modules/dept_emer/js/AJAX_EmerReception.js"></script>
<script type="text/javascript">
{literal}
    $(document).ready(function(){        
        $('#receptionInfoDiv').accordion({
             header: "h3",             
             autoHeight: false,             
             clearStyle: true                                          
        });
                
        $('label').addClass('label');

        $('#saveReceptionInfoBtn').click(function() {
        	var tmp = isReadyToSubmitEmergencyInfo();
        	if (!tmp) return tmp;
            saveEmergencyInfo();	
        });
    });
    
function setInjuryLevel(key){
	    $("input[name='injuryLevelRdb'][value='" + key + "']").attr('checked', 'checked');
}

function setTransport(key){
        $("input[name='transportRdb'][value='" + key + "']").attr('checked', 'checked');
}
{/literal}
</script>
<div>
	<span class='formAlertMsg' id='statusMessage' style="padding-left: 5px;"></span>
	<form id="emergencyInfoFormId">
		<input type="hidden" name="receptionIdHdn" id="receptionIdHdn" value="{$receptionId}">
		<!-- Emergency reception info -->
		{include file="emer_reception/element_emergency_info.html"}
		<div align="right" style='margin-top: 10px'>
		    <div style="display: inline-table;">
		        <span id="msgSavingStatus" style="font-style: italic;"></span>&nbsp;&nbsp;
		    </div>
		    <div id="actionButtonDiv" style="display: inline-table;">
		        <input type="button" id="saveReceptionInfoBtn" value="{translate}Save{/translate}" style="width: 60px;">
		    </div>
		    <div id="loaderDiv" style="display: none;">
		        <img src="{$base_uri}/images/ajax-loader.gif"/>
		    </div> 
		</div>
	</form>  
</div>     